<template>
  <view class="xmjz">
    <u-form
      :model="xmjzFrom"
      ref="uForm"
      :rules="rules"
      label-width="160"
      :label-style="{
        fontSize: '24rpx',
        fontFamily: 'PingFang SC',
        fontWeight: '400',
        color: '#272B32',
      }"
    >
      <view class="item">
        <u-form-item
          label-width="350"
          label="本周期完成投资（万元）"
          :required="true"
          ><u-input
            v-model="xmjzFrom.bzqwctz"
            placeholder="请输入投资额" /></u-form-item
      ></view>
      <view class="sub_title">进展填报</view>
      <view class="item">
        <u-form-item label="进度情况" label-position="top" :required="true"
          ><u-input
            v-model="xmjzFrom.jdqk"
            type="textarea"
            placeholder="请输入项目具体进度情况"
        /></u-form-item>
      </view>
      <view class="item">
        <u-form-item label="下步计划" label-position="top" :required="true"
          ><u-input
            v-model="xmjzFrom.xbjh"
            type="textarea"
            placeholder="请输入下一步计划"
        /></u-form-item>
      </view>
      <view class="item">
        <u-form-item label="存在问题" label-position="top" :required="true"
          ><u-input
            v-model="xmjzFrom.czwt"
            type="textarea"
            placeholder="请输入存在的问题"
        /></u-form-item>
      </view>
      <view class="button">提交</view>
    </u-form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      xmjzFrom: { bzqwctz: "", jdqk: "", xbjh: "", czwt: "" },
      rules: {
        number: [
          {
            required: true,
            message: "请输入整数，如1、5、10",
            type: "number",
            trigger: "blur,change",
          },
        ],
      },
    };
  },
  onReady() {
    this.$refs.uForm.setRules(this.rules);
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.xmjz {
  background-color: #f2f4fa;
  padding: 20rpx;
  min-height: 100vh;
  .item {
    width: 710rpx;
    margin: 0 auto;
    margin-bottom: 30rpx;
    background: #ffffff;
    box-shadow: 0rpx 0rpx 24rpx 0rpx rgba(48, 116, 255, 0.1);
    border-radius: 8rpx;
    padding-left: 30rpx;
  }
  .sub_title {
    padding-left: 20rpx;
    height: 30rpx;
    line-height: 30rpx;
    text-align: left;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #3074ff;
  }
  .button {
    width: 750rpx;
    height: 98rpx;
    line-height: 98rpx;
    background: #3074ff;
    font-size: 36rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
  }
}
</style>
